<template>
    <div class="setzhi">
        <div class="head">
            <van-row gutter="50">
                <van-col 
                style="color:#c2ad98;
                padding: 5% 0px 5% 0px;
                margin-left:3% ;"
                 @click="reMyset" 
                 span="9">
                    <van-icon name="arrow-left" size="20"/>
                </van-col>
                <van-col style="font-weight:900;padding: 15px 20px 15px 20px" span="10">设置</van-col>
            </van-row>
        </div>
        <div style="background-color: white" >
            <van-row gutter="20">
                <van-col span="11" style="margin-left:5px"> 
                    <van-image
                        round
                        width="50px"
                        height="50px"
                        src="https://img0.baidu.com/it/u=1282950828,2044589337&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=490"
                        />
                </van-col>
                
                <van-col  style="margin-left:-110px;padding: 10px;" span="5">
                    <div>OMINI.BASS</div>
                    <div>188****7024</div>
                </van-col>
                
                <van-col span="1" style=";padding:15px;margin-left:35%">
                    <van-button @click="toIdEdit"  round type="primary"  style="width:60px;height:30px;background:white;color:#c3ae9a;font-size: 12px;border:1px solid #c3ae9a;" >编辑</van-button>
                
                </van-col>
            </van-row>
        </div>
        <div 
        style="background:white;
        padding: 15px;
        margin-top: 3%;
        "
        @click="toMyphoneEdit">
        <van-row justify="space-between">
                <van-col span="10">手机号修改</van-col>
                <van-col style="color:gray" span="2">
                    <van-col 
                    style="color:#c2ad98;
                    margin-left:50% ;"
                    span="20">
                    <van-icon name="arrow"  size="18"/>
                </van-col>
                </van-col>
            </van-row>
        </div>
        <div 
        style="background:white;
         margin-top: 3%;
        padding: 15px;" >
            <van-row justify="space-between" @click="toMySeffectsNotice">
                <van-col span="10">音效与通知</van-col>
                <van-col style="color:gray" span="1">
                     <van-col 
                    style="color:#c2ad98;"
                    span="20">
                    <van-icon name="arrow"  size="18"/>
                </van-col>
                </van-col>
            </van-row>
            <br/>
            <van-row justify="space-between" @click="toMyCurrency">
                <van-col span="6">通用</van-col>
                <van-col style="color:gray" span="1">
                     <van-col 
                    style="color:#c2ad98;"
                    span="20">
                    <van-icon name="arrow"  size="18"/>
                </van-col>
                </van-col>
            </van-row>
            <br/>
            <van-row justify="space-between" @click="toMyPrivacyPolicy">
                <van-col span="6">隐私条款</van-col>
                <van-col style="color:gray" span="1">
                     <van-col 
                    style="color:#c2ad98;"
                    span="20">
                    <van-icon name="arrow"  size="18"/>
                </van-col>
                </van-col>
            </van-row>
        </div>
        <div style="background:white;
         margin-top: 3%;
        padding: 15px;">
            <van-row justify="space-between" @click="toCustomerSer">
                <van-col span="6">问题反馈</van-col>
                <van-col style="color:gray" span="1">
                     <van-col 
                    style="color:#c2ad98;"
                    span="20">
                    <van-icon name="arrow"  size="18"/>
                </van-col>
                </van-col>
            </van-row>
            <br/>
            <van-row justify="space-between" @click="toMyAbout">
                <van-col span="6">关于</van-col>
                <van-col style="color:gray" span="1">
                     <van-col 
                    style="color:#c2ad98;"
                    span="20">
                    <van-icon name="arrow"  size="18"/>
                </van-col>
                </van-col>
            </van-row>
            <br/>
            <van-row justify="space-between">
                <van-col span="6">检查更新</van-col>
                <van-col span="2">V6.0</van-col>
            </van-row>
        </div>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <div style="text-align: center;">
            <van-button round type="primary">退出登录</van-button>
        </div>
        <br/>
    </div>
   
</template>
<script setup lang="ts">
import { createApp } from 'vue';
import { Col, Row } from 'vant';
import {useRouter} from 'vue-router';
    const $router = useRouter();

    //跳转到关于
    function toMyAbout(){
        $router.push({path:"MyAbout"})
        console.log(1111);
    } ;

    //跳转到问题反馈
    function toCustomerSer(){
        $router.push({path:"customerSer2"})
        console.log(1111);
    } ;

    //跳转到隐私条款
    function toMyPrivacyPolicy(){
        $router.push({path:"MyPrivacyPolicy"})
        console.log(1111);
    } ;
    
    //跳转到通用
    function toMyCurrency(){
        $router.push({path:"MyCurrency"})
        console.log(1111);
    } ;

    //跳转到音效与通知
    function toMySeffectsNotice(){
        $router.push({path:"MySeffectsNotice"})
        console.log(1111);
    } ;
    
    //跳转到手机修改编辑
    function toMyphoneEdit(){
        $router.push({path:"MyphoneEdit"})
        console.log(1111);
    } ;

    //跳转到个人信息编辑
    function toIdEdit(){
    $router.push({path:"MyIdEdit"})
        console.log(1111);
    } ;

    //跳转回我的菜单
    function reMyset(){
        $router.push({path:"mine"})
        console.log(1111);
    } ;
  

</script>
<style scoped>
.setzhi{background: #ebe9e5;height: 100%;}
button{width: 350px;height: 50px;background: #d1082a;color:white;font-size: 14px;border: none;border-radius: 50px;}
.head{background:white}
.btn2{margin-left:280px;width:70px;height:30px;background:#ebe9e5;color:#c3ae9a;font-size: 14px;border:2px solid #c3ae9a;border-radius: 50px;}
</style>